<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>用户反馈</title>
  <link rel="stylesheet" type="text/css" href="css/public.css">
  <!-- 轮播图 -->
  <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
  <script type="text/javascript" src="js/jquery.jslides.js"></script>
  <!-- 动画 -->
  <script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script>
  <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
  <!-- 头部 开始 -->
  <div class="header">
    <div class="header_bg"></div>
    <div class="wrap clearfix">
      <div class="logo"><img src="images/logo.png" alt=""></div>
      <div class="phone"><p>400-085-0655</p></div>
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">品牌介绍</a></li>
        <li><a href="#">产品中心</a></li>
        <li><a href="#">授权查询</a></li>
        <li><a href="#">瞳年资讯</a></li>
        <li><a href="#">视频中心</a></li>
        <li><a class="on" href="#">用户反馈</a></li>
      </ul>
    </div>
  </div>
  <!-- 头部 结束 -->
  <!-- 轮播图 开始 -->
  <div class="banner">
    <div id="full-screen-slider">
    	<ul id="slides">
    		<li style="background:url('images/banner1.jpg') no-repeat center top"><a href="#" target="_blank"></a></li>
    		<li style="background:url('images/banner2.jpg') no-repeat center top"><a href="#" target="_blank"></a></li>
    		<li style="background:url('images/banner3.jpg') no-repeat center top"><a href="#" target="_blank"></a></li>
    	</ul>
    </div>
  </div>
  <!-- 轮播图 结束 -->
  <!-- 主体 开始 -->
  <div class="zhuzhu">
    <div class="title">
      <p class="p1">用户反馈</p>
      <p class="p2">USER FEEDBACK</p>
    </div>
    <div class="content clearfix">
      <ul>
        <li onclick="xianshi(this)">
          <a >
            <div class="aaa clearfix">
              <div class="left">
                <p class="p1">08-19</p>
                <p class="p2">2016</p>
              </div>
              <div class="right">
                <p class="p1">改善眼干、眼涩、眼痛</p>
                <p class="p2">瞳年眼镜有效改善眼干、眼涩、眼痛，多名用户使用后得到改善。</p>
              </div>
              <div class="ccc">
                <img src="images/zhuzhu2.png" alt="">
              </div>
            </div>
          </a>
        </li>
        <li onclick="xianshi(this)">
          <a >
            <div class="aaa clearfix">
              <div class="left">
                <p class="p1">08-19</p>
                <p class="p2">2016</p>
              </div>
              <div class="right">
                <p class="p1">改善视疲劳</p>
                <p class="p2">瞳年超能量眼镜有效改善眼干、眼涩、眼痛，多名用户使用后得到改善。</p>
              </div>
              <div class="ccc">
                <img src="images/zhuzhu2.png" alt="">
              </div>
            </div>
          </a>
        </li>
        <li onclick="xianshi(this)">
          <a >
            <div class="aaa clearfix">
              <div class="left">
                <p class="p1">08-19</p>
                <p class="p2">2016</p>
              </div>
              <div class="right">
                <p class="p1">缓解近视、老花</p>
                <p class="p2">瞳年超能量眼镜有效缓解近视、老花，多名用户使用后得到改善。</p>
              </div>
              <div class="ccc">
                <img src="images/zhuzhu2.png" alt="">
              </div>
            </div>
          </a>
        </li>
        <li onclick="xianshi(this)">
          <a >
            <div class="aaa clearfix">
              <div class="left">
                <p class="p1">08-19</p>
                <p class="p2">2016</p>
              </div>
              <div class="right">
                <p class="p1">缓解白内障、飞蚊症</p>
                <p class="p2">瞳年超能量眼镜有效缓解白内障、飞蚊症，多名用户使用后得到改善。</p>
              </div>
              <div class="ccc">
                <img src="images/zhuzhu2.png" alt="">
              </div>
            </div>
          </a>
        </li>
        <li onclick="xianshi(this)">
          <a >
            <div class="aaa clearfix">
              <div class="left">
                <p class="p1">08-19</p>
                <p class="p2">2016</p>
              </div>
              <div class="right">
                <p class="p1">缓解眨眼、迎风流泪</p>
                <p class="p2">瞳年超能量眼镜有效缓解眨眼、迎风流泪，多名用户使用后得到改善。</p>
              </div>
              <div class="ccc">
                <img src="images/zhuzhu2.png" alt="">
              </div>
            </div>
          </a>
        </li>
        <li onclick="xianshi(this)">
          <a >
            <div class="aaa clearfix">
              <div class="left">
                <p class="p1">08-19</p>
                <p class="p2">2016</p>
              </div>
              <div class="right">
                <p class="p1">防蓝光、紫外线；视觉更清晰</p>
                <p class="p2">防蓝光、紫外线；多名用户使用后得到改善。</p>
              </div>
              <div class="ccc">
                <img src="images/zhuzhu2.png" alt="">
              </div>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 主体 结束 -->
  <!--分页 开始-->
    <div class="xw_fenye">
       <a href="#"><<</a>
       <a href="#"><</a>
       <span>1/10</span>
       <a href="#">></a>
       <a href="#">>></a>
    </div>
  <!--分页 结束-->
  <!-- 弹出层 开始 -->
  <div class="bg"></div>
  <div>
  <div class="pop">
    <div class="pop_back"><img class="zhu_pic" onclick="yincang(this)" src="images/x.png" alt=""></div>
    <div class="title">
      <h3><span>有效缓解白内障、飞蚊症</span></h3>
    </div>
    <div class="content clearfix">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
    </div>
  </div>
  <div class="pop">
    <div class="pop_back"><img class="zhu_pic" onclick="yincang(this)" src="images/x.png" alt=""></div>
    <div class="title">
      <h3><span>有效缓解白内障、飞蚊症</span></h3>
    </div>
    <div class="content clearfix">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
    </div>
  </div>
  <div class="pop">
    <div class="pop_back"><img class="zhu_pic" onclick="yincang(this)" src="images/x.png" alt=""></div>
    <div class="title">
      <h3><span>有效缓解白内障、飞蚊症</span></h3>
    </div>
    <div class="content clearfix">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
    </div>
  </div>
  <div class="pop">
    <div class="pop_back"><img class="zhu_pic" onclick="yincang(this)" src="images/x.png" alt=""></div>
    <div class="title">
      <h3><span>有效缓解白内障、飞蚊症</span></h3>
    </div>
    <div class="content clearfix">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
    </div>
  </div>
  <div class="pop">
    <div class="pop_back"><img class="zhu_pic" onclick="yincang(this)" src="images/x.png" alt=""></div>
    <div class="title">
      <h3><span>有效缓解白内障、飞蚊症</span></h3>
    </div>
    <div class="content clearfix">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
    </div>
  </div>
  <div class="pop">
    <div class="pop_back"><img class="zhu_pic" onclick="yincang(this)" src="images/x.png" alt=""></div>
    <div class="title">
      <h3><span>有效缓解白内障、飞蚊症</span></h3>
    </div>
    <div class="content clearfix">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
      <img class="i1" src="tu/pop1.png" alt="">
      <img class="i2" src="tu/pop1.png" alt="">
    </div>
  </div>
</div>
  <script type="text/javascript">
    function xianshi(o){
      var index=$(o).index();
      $('.pop').eq(index).show();
      $('.bg').show();
    }
    function yincang(o){
      var index=$(o).parent().parent().index();
      $('.pop').eq(index).hide();
      $('.bg').hide();
    }
  </script>
  <!-- 弹出层 结束 -->
  <!-- 底部 开始 -->
  <div class="footer">
    <div class="link wrap clearfix">
      <div class="left"><img src="images/footer_logo.png" alt=""></div>
      <div class="mid">
        <ul>
          <li><a href="#">首页</a></li>
          <li><a href="#">品牌介绍</a></li>
          <li><a href="#">瞳年资讯</a></li>
          <li class="ll"><a href="#">用户反馈</a></li>
        </ul>
        <p>豫ICP备13006852号-7</p>
      </div>
      <div class="right">
      <p class="p1">郑州市金水区北三环经三路鑫苑金融广场银座1907</p>
      <p class="p2">400-085-0655</p>
      </div>
    </div>
    <div class="share">
      <div class="bdsharebuttonbox">
        <span>关注我们：</span>
        <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
        <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
      </div>
      <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
    </div>
  </div>
  <!-- 底部 结束 -->
</body>
</html>
